<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>index(我来推荐)</title>
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="../../css/index.css">
</head>

<body>
  <div class="page-wrap">
    <!--  -->
    <div class="index-wrap">
      <ul class="subnav-items fixed fx-row fx-row-center">
        <li class="subnav-item fx-1 fs-17">
          <span class="subnav">我要求职</span>
        </li>
        <li class="subnav-item active fx-1 fs-17">
          <span class="subnav">我来推荐</span>
        </li>
      </ul>
      <!-- 内容区域 -->
      <section class="index-content-wrap page-content-wrap">
        <!-- 我来推荐 -->
        <div class="index-recommend-wrap page-padding ">
          <!-- img -->
          <div class="recommend-img">
            <img src="../../images/index-recommend.png" alt="">
            <div class="tips-text fs-14">快来成为推荐人，赚取红包啦！</div>
          </div>
          <!-- 步骤 -->
          <div class="step-wrap">
            <ul class="step-items fx-row fx-row-center">
              <li class="fx-1 step-item">
                <div class="fx-column">
                  <div class="step-num">
                    <div class="fx-row fx-row-center">
                      <div class="num fs-14">
                        <span class="active">1</span>
                      </div>
                      <div class="fx-1 line"></div>
                    </div>
                  </div>
                  <div class="step-info">
                    <p class="step-info-common fs-12 active">求职人</p>
                    <p class="step-info-common fs-12">支付赏金</p>
                    <p class="step-info-common fs-12">求推荐</p>
                  </div>
                </div>
              </li>
              <li class="fx-1 step-item">
                <div class="fx-column">
                  <div class="step-num">
                    <div class="fx-row fx-row-center">
                      <div class="num fs-14">
                        <span>2</span>
                      </div>
                      <div class="fx-1 line"></div>
                    </div>
                  </div>
                  <div class="step-info">
                    <p class="step-info-common fs-12">推荐人</p>
                    <p class="step-info-common fs-12">同意推荐</p>
                    <p class="step-info-common fs-12">写评论</p>
                  </div>
                </div>
              </li>
              <li class="fx-1 step-item">
                <div class="fx-column">
                  <div class="step-num">
                    <div class="fx-row fx-row-center">
                      <div class="num fs-14">
                        <span>3</span>
                      </div>
                      <div class="fx-1 line"></div>
                    </div>
                  </div>
                  <div class="step-info">
                    <p class="step-info-common fs-12">HR</p>
                    <p class="step-info-common fs-12">接受简历</p>
                    <p class="step-info-common fs-12">预约面试</p>
                  </div>
                </div>
              </li>
              <li class="step-item">
                <!--最后一个li 没有fx-1的类名-->
                <div class="fx-column">
                  <div class="step-num">
                    <div class="fx-row fx-row-center">
                      <div class="num fs-14">
                        <span>4</span>
                      </div>
                      <div class="fx-1 line"></div>
                    </div>
                  </div>
                  <div class="step-info">
                    <p class="step-info-common fs-12">求职人</p>
                    <p class="step-info-common fs-12">接受面试</p>
                    <p class="step-info-common fs-12">邀请</p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <!-- btn -->
          <div class="tips-wrap">
            <p class="note fs-14">仅需一步</p>
            <div class="button-wrap">
              <a class="button fs-15" href="#">成为推荐人</a>
            </div>
          </div>
        </div>

      </section>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>

</html>